<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <link rel="stylesheet" href="../librarys/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../librarys/font-awesome-4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../styles/checkbox3.min.css">
    <link rel="stylesheet" href="../styles/css.css">
    <!--[if lte IE 9]>
    <script src="../librarys/bootstrap/js/respond.js"></script>
    <script src="../librarys/bootstrap/js/html5shiv.js"></script>
    <![endif]-->
</head>
<body>
<div class="index-logo">
    <!--logo-->
    <div class="index-logo-img"></div>
    <!--购物车-->
    <div class="login-title">欢迎登陆</div>
</div>
<div class="login-banner">
    <div class="login-banner-img">
        <img src="../images/login-banner.jpg">
    </div>
    <div class="login-content">
        <div class="login-content-box">
            <div class="hd">
                <ul>
                    <li class="login-tab-icon"><img src="../images/login-img1.png"></li>
                    <li class="login-tab-icon1"><img src="../images/login-com.png"></li>
                </ul>
            </div>
            <div class="bd">
                <ul id="login-tab-icon">
                    <li>
                        <p class="login-content-title">淘喜会员</p>
                        <form>
                            <div class="login-content-input form-group mt20">
                                <i class="fa fa-user login-content-icon fa-lg"></i>
                                <input class="form-control" type="text" placeholder="QQ/微信/手机号/新浪微博">
                            </div>
                            <div class="login-content-input form-group mt20">
                                <i class="fa fa-lock login-content-icon fa-lg"></i>
                                <input class="form-control" type="text" placeholder="密码">
                            </div>
                            <div class="login-content-input form-group">
                                <div class="fl">
                                    <div class="checkbox login-main-checkbox">
                                        <label>
                                            <input type="checkbox" name="Form[auto]" class="login-main-checkbox-size">自动登录
                                        </label>
                                    </div>
                                </div>
                                <div class="fr login-main-forget"><a href="#">忘记密码？</a> </div>
                            </div>
                            <div class="login-content-input form-group">
                                <button class="btn login-content-button mt15">登录</button>
                            </div>
                            <div class="login-content-input login-other-login mt15">
                                <p>使用合作网站账号登录淘喜：</p>
                                <p>
                                    <a href="#"> <img src="../images/qq.png"></a>
                                    <a href="#"> <img src="../images/weixin.png"></a>
                                    <a href="#"> <img src="../images/weibo.png"></a>
                                    <a href="#"> <img src="../images/xinxi.png"></a>
                                </p>
                            </div>
                        </form>
                    </li>
                </ul>
                <ul  id="login-tab-icon1">
                    <li>
                        <p class="login-content-title-wechat mt40 login-content-title">微信扫一扫&nbsp;&nbsp;&nbsp;&nbsp;安全登录</p>
                        <img src="../images/login-img.png" class="login-content-title-wechat-img">
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="login-foot">
    <ul>
        <li>
            <a href="#">关于我们</a>
        </li>
        <li>
            <a href="#">联系我们</a>
        </li>
        <li>
            <a href="#">商家入驻</a>
        </li>
        <li>
            <a href="#">手机淘喜</a>
        </li>
        <li>
            <a href="#" class="noborder-right">友情链接</a>
        </li>
    </ul>
    <p class="mt20">苏ICP证070359号</p>
</div>
<script src="../scripts/jquery-1.10.1.min.js"></script>
<script src="../librarys/bootstrap/js/bootstrap.min.js"></script>
<script src="../librarys/superslider/jquery.SuperSlide.2.1.1.js"></script>
<script>
    $(document).ready(function () {
        $('.login-tab-icon').click(function () {
            $(this).css('display','none');
            $('.login-tab-icon1').css('display','block');
            $('#login-tab-icon').css('display','none');
            $('#login-tab-icon1').css('display','block');
        });
        $('.login-tab-icon1').click(function () {
            $(this).css('display','none');
            $('.login-tab-icon').css('display','block');
            $('#login-tab-icon1').css('display','none');
            $('#login-tab-icon').css('display','block');
        })
    })

</script>

</body>
</html>